<template>
    <div>
        <template v-if="contentValue">
            <el-tooltip effect="dark" :content="contentValue" placement="top">
                <div class="value">{{ contentValue || "--" }}</div>
            </el-tooltip>
        </template>
        <template v-else>
            <div class="value">{{ contentValue || "--" }}</div>
        </template>
    </div>
</template>

<script  setup>
const props = defineProps({
    contentValue: {
        type: String,
    }
})
</script>

<style lang="scss"  scoped>
.value {
    flex: 1;
    text-align: left;
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
}
</style>